<!--
 * @Date: 2025-08-02 10:00:06
 * @LastEditors: Csir 2215995096@qq.com
 * @LastEditTime: 2025-08-03 16:43:55
 * @FilePath: \YUJIN-O3\src\App.vue
-->
<template>
  <div id="app">
    <div v-if="isLoading" class="global-loading">
      <div class="loading-content">
        <i class="el-icon-loading"></i>
        <p>应用初始化中...</p>
      </div>
    </div>
    <router-view v-else />
  </div>
</template>

<script>
export default {
  computed: {
    isLoading() {
      return this.$store.state.isLoading;
    }
  }
}
</script>

<style>
.global-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loading-content {
  text-align: center;
  font-size: 18px;
}
.el-icon-loading {
  font-size: 40px;
  margin-bottom: 10px;
}
</style>